 /* 费用颜色  --  加在头像上heroHead */
 /* 三费--蓝色 */
 .costThree{
    border: skyblue 2px solid;
}
/* 一费--灰色 */
.costOne{
    border: gray 2px solid;
}
/* 二费--绿色 */
.costTwo{
    border: limegreen 2px solid;
}
/* 四费--紫色 */
.costFour{
    border: purple 2px solid;
}
/* 五费--金色 */
.costFive{
    border: gold 2px solid;
}
  /* 英雄头像 */
  .heroHead{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 1;
    margin: 10px;
    transition: all 0.3s;
}
.heroHead:hover{
   border-radius:0 ;
    transition: all 0.3s;
    cursor: pointer;
}
     /* 导航栏字体 */
 #nav{    
    color: white;
}
/* 背景样式 只需加上就可 */
.back{
    position:fixed;
        top: 0;
        left: 0;
        width:100%;
        height:100%;
        min-width: 1000px;
        z-index:-10;
        zoom: 1;
        background-color: #fff;
        background: url(../img/bg/bg_new.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
}


/* 导航栏LOGO */
#navLogo{
    width: 150px;
    margin-top:10px ;
}

        /* 页面元素从左至右平移动画 */
        @keyframes pingyi{
            from {margin-top: 10px;}
            to {margin-top:0; }
        }
        .container{
            animation: pingyi 1s;
            transition: all 0.5s;
        }